@charset "UTF-8" ;

/* 将来使用栅格系统时，使用 .row 表示 "一整行" */
.row { 
    display: block ; /* 充当 "一整行" 的元素需要以块(block)形式呈现 */
}

/*
    <tag-name class="row">
        <tag-name class="cell-x-x" > </tag-name>
    </tag-name>
*/

/* 用 .cell-x-x 来表示 "一整行" 中的 N倍 单元格 */
.row>.cell-12-1 { float: left; width: 8.333333333% ; }
/* 用 .cell-x-x 来表示 "一整行" 中的 N倍 单元格 */
.row>.cell-12-2 { float: left; width: 16.666666667% ; }
.row>.cell-12-3 { float: left; width: 25% ; }
.row>.cell-12-4 { float: left; width: 33.333333333% ; }
.row>.cell-12-5 { float: left; width: 41.666666667% ; }
.row>.cell-12-6 { float: left; width: 50% ; }
.row>.cell-12-7 { float: left; width: 58.333333333% ; }
.row>.cell-12-8 { float: left; width: 66.666666667% ; }
.row>.cell-12-9 { float: left; width: 75% ; }
.row>.cell-12-10 { float: left; width: 83.333333333% ; }
.row>.cell-12-11 { float: left; width: 91.666666667% ; }

.row>.cell-5-1 { float: left; width: 20% ; }
.row>.cell-5-2 { float: left; width: 40% ; }
.row>.cell-5-3 { float: left; width: 60% ; }
.row>.cell-5-4 { float: left; width: 80% ; }

.clear { display: block ; height: 1px ; clear: both ;}
